<template>
    <div class="my-2">
        <van-checkbox v-model="agreementComponetStore.agree" class="flex justify-center mt-1">
            <span class="text-blue-500 text-center text-sm">已阅读并同意九型人格测试的</span>
            <router-link class="text-blue-800 text-center text-sm underline" :to="agreementComponetStore.agreementsService">服务协议</router-link>
            <span class="text-blue-500 text-center text-sm">和</span>
            <router-link class="text-blue-800 text-center text-sm underline" :to="agreementComponetStore.agreementsPrivacy">隐私政策</router-link>
        </van-checkbox>
    </div>
</template>

<script setup lang="ts">
const agreementComponetStore = useAgreementComponetStore();
</script>

<style scoped></style>